Flaticon SVG Sprite

SVG Sprite Demo

Instructions

1Copy the SVG Sprite file to your website.
2Insert the content of your SVG Sprite in your HTML code. <div hidden> <svg style="display: none;" xmlns="http://www.w3.org/2000/svg"> <symbol id="blueberries" viewbox="0 0 53.308 53.308"> <title> blueberries </title> <path d="M39.685,2.953c-7.524,0-13.623,6.099-13.623,13.623c0,2.243,0.552,4.353,1.512,6.219 c1.496-0.565,3.11-0.888,4.804-0.888c5.281,0,9.851,3.011,12.111,7.404c5.15-1.944,8.819-6.905,8.819-12.735 C53.308,9.052,47.208,2.953,39.685,2.953z" style="fill:#003879;"> </path> ... </svg> </div>
3Use the icons:
Use example:
<svg class="icon"> <use xlink:href="#blueberries" /> </svg>

#search

#search-4

#error

#close-button

#checklist-4

#checklist-3

#checklist-2

#checklist-1

#checklist

#shield

#layer

#stats

#stocks-graphic-on-laptop-monitor

#track

#gramophone

#settings-2

#business-1

#business

#workers

#plug

#room-key

#alarm-1

#diagram

#ear-auriculars

#sales

#nature

#placeholder-2

#wifi

#trophy-1

#cup

#anchor

#shopping-bag-1

#clipboards

#wallet

#medical-2

#doctor

#telemarketer

#technology

#leave

#briefcase

#target-1

#diamond-1

#aeroplane

#bar-chart

#safe

#brain

#medal

#airplane

#life-saver

#analytics

#strength

#line-chart-2

#reverse

#search-3

#arrows-8

#arrows-7

#shopping-cart-2

#play-button-1

#arrows-6

#cloud

#line-chart-1

#gamepad

#placeholder-1

#eye

#user

#trophy

#handshake

#up-arrow

#first-aid-kit

#target

#travel

#battery

#telephone

#padlock

#right-quote

#left-quote

#group

#apple

#christmas-tree

#drop

#search-2

#search-1

#music-player-1

#locked

#placeholder

#microphone

#muted

#home

#login

#list

#folder-1

#folder

#alarm-clock

#edit

#alarm

#layers

#hourglass

#map

#share

#calculator

#menu

#speaker

#play-button

#compact-disc

#music-player

#video-player

#chat-1

#empty-star

#mail

#arrows-5

#diamond

#signs-1

#bicycle

#watering

#cancel

#envelope

#shopping-bag

#shopping-cart-1

#phone-call

#headphones

#vector

#reload

#chat

#back

#next-1

#download

#shuffle

#avatar

#link

#settings-1

#magnifying-glass

#settings

#next

#line-chart

#networking

#dollar-symbol

#money-bag

#signs

#arrows-4

#arrows-3

#management

#devices

#smartphone-1

#bank

#medical-1

#key

#order

#next-page

#left-arrow

#right-arrow

#open-envelope

#star

#earphones

#medical

#electric-car

#exercise

#big-anchor

#presentation-whiteboard

#check-engine

#cancel-music

#house-silhouette

#gas-pump

#smartphone

#arrows-2

#shopping-cart

#back-arrow

#arrow

#recycle-triangle-of-three-arrows-outlines

#play-outlined-circular-button

#attachment

#recycle-triangular-symbol-of-three-arrows-rotation

#soccer-ball-variant

#map-marker

#website-design-symbol

#slideshare-logotype

#arrows-1

#lifeline-in-a-heart-outline

#computer-tablet

#arrows

#unlink-symbol

#circles

#man

#e-mail-envelope

#finger-touching-tablet-screen

#graph-line-screen

#download-arrow

#grid-world

#yoga-posture

#dustbin

#tablet

#rich